<!--歌手歌单主页-->
<ion-view class="x_musiclist">
	<!--顶部导航-->
	<nav class="x_nav" > 
		<i class="ion-android-arrow-back" ng-click="navback()"></i>
		<div>
			<span class="x_nav_title">{{title}}</span>
			<a href="#/tab/home/search" class="x_a1 x_tubiao">	
			<span class="ion-android-search  ">
			</span>
			</a>
			<span class="ion-android-more-vertical x_tubiao"></span>
		</div>
	</nav>
  <ion-content class="x_content"
  	has-bouncing ="false"
  	>    
  		<ion-refresher
		    pulling-text="下拉刷新..."
		    on-refresh="doRefresh()">
		  </ion-refresher>
		<!--顶部列表信息-->
		<header>
			<div class="x_imgfilter" style="background:url({{x_img}});background-repeat: no-repeat;background-position:left top;background-size: 1000% ;">			
			<div>						
				<img src="{{x_img}}" />
				<h2>【{{title}}】{{name}}</h2>
			</div>
			</div>
		</header> 
		<!--歌曲信息-->
		<main id="contentlist">
			<div class="x_xinxilist">
				<section class="x_xinxilist1">
					<a href="#/tab/home/{{changid}}/{{firstsong}}" class="x_a">						
						<span class="ion-android-arrow-dropright-circle x_fs"></span>
						<span>
							播放全部（共{{songlist.length}}首）
						</span>					
					</a>
				</section>
				<section>
					<span class="ion-navicon-round x_fs" ng-click="modal.show()"></span>
				</section>
			</div>
			<ion-list  class="x_ionlist">
					<ion-item ng-repeat="(i,song) in songlist" class="x_list" ng-click="currentPlaying(i)">
						<a href="#/tab/home/{{changid }}/{{song.songid || song.song_id}}" class="x_a">
							<div >
								<span class="x_listleft x_playing">{{i+1}}</span>								
								<div class="x_listright">
									<span>{{song.title || song.songname}}</span>
									<p>{{song.artist || song.author || song.artistname}}</p>
								</div>
							</div>							
						  	<i class="ion-android-more-vertical " ></i>
							</a>
					</ion-item>
			</ion-list>				
		</main>
		<ion-infinite-scroll
		    on-infinite="loadMore()"
		    distance="1%" 
				ng-if="searchoff"
				id="infinitescroll"
				>
		</ion-infinite-scroll>
 <script id="templates/modal.html" type="text/ng-template">
      <ion-modal-view>
        <ion-header-bar class="bar bar-header bar-positive modalheader">
			<input type="checkbox" name="allactive" class="allactive">
          <h1 class="title">已选择</h1>
          <button class="button button-clear button-primary" ng-click="modal.hide()">取消</button>
        </ion-header-bar>
        <ion-content class="padding">
          <div class="list">
            <ion-list  class="x_ionlist">
					<ion-item ng-repeat="(i,song) in songlist" class="x_list" ng-click="currentPlaying(i)">
							<div >
								<input type="checkbox" name="songactive" class="x_listleft">								
								<div class="x_listright">
									<span>{{song.title || song.songname}}</span>
									<p>{{song.artist || song.author || song.artistname}}</p>
								</div>
							</div>
					</ion-item>
			</ion-list>			
          </div>
        </ion-content>
      </ion-modal-view>
    </script>
  </ion-content>
</ion-view>

